<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/fancybox.css">
<link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript" src="js/swiper.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>

<div class="top">
	<div class="main clearfix">
		<div class="search_btn"></div>
		<div class="login01">
			<img src="images/vip.png" alt="">会员 
		</div>
		<form class="head_form" action="">
			<input type="text">
			<button></button>
		</form>
	</div>
</div>

<div class="header clearfix">
	<div class="main">
		<a href="###"><h1></h1></a>
		<ul class="clearfix">
			<li><a href="###">首页</a></li>
			<li class="on"><a href="###">关于</a></li>
			<li><a href="###">产品</a></li>
			<li><a href="###">VR展示</a></li>
			<li><a href="###">新闻</a></li>
			<li><a href="###">招商</a></li>
			<li><a href="###">联系</a></li>
		</ul>
	</div>
</div>

<!-- 遮罩 -->
<div class="zhezhao"></div>
<!-- 登录界面 -->
<div class="login">
	<div class="log_l">
		<img src="images/login_03.jpg" alt="">
	</div>
	<div class="log_r">
		<h2>经锁商登录</h2>
		<i></i>
		<div class="text">
			<p>DEALER</p>
			<p>LOGIN</p>
		</div>
		<p>DEALER</p>
		<p>LOGIN</p>
		
		<form action="/Login/index.html" method="post">
			<input type="text" name="account" placeholder="账号">
			<input type="password" name="pwd" placeholder="密码">
			<button class="check_login">登录</button>
		</form>
	</div>
	<div class="close"> × </div>
</div>


<div class="ins_img">
	<img src="images/ins_ab.jpg" >
</div>

<div class="nav" style="background-color: #faf9f7;">
	<div class="main">
		<a href="#ab">公司简介</a>
		<a href="#brand">企业品牌</a>
		<a href="#history">发展历程</a>
		<a href="#honor">荣誉资质</a>
		<a href="###">视频欣赏</a>
	</div>
</div>

<div class="ab" id="ab">
	<div class="tit02">
		<h2>公司简介</h2>
		<p>ABOUY US</p>
	</div>
	<div class="roof">
		<div class="main">
			<div class="text_box">
				<p>佛山市大国门业有限公司位于地理位置得天独厚、交通网络极其便利的中国铝材生产基地佛山市，生产基地占地面积近3万平方米，主要生产高档铝门窗阳光房系列产品，是一家集研发、设计、生产、营销、服务为一体的大型现代化企业。公司现有两大品牌：派力仕欧式智能门窗系统、高端私享定制大国门窗，其中派力仕致力于欧式智能门窗的传播，大国门窗致力于新东方主义私享特属定制门窗。公司经过多年长期不懈的努力发展，产品现已汇集阳光房、窗户、隐形纱窗、推拉门、吊趟门、折叠门、吊折门、平开门等品类的大规模公司。目前销售网络覆盖全国各省、市、县大中城市，销售服务网点近千家。</p>
				<p>公司拥有世界先进生产设备和专业化生产流水线，月均可产各种铝合金门窗万樘，公司严格按照ISO9001国际质量管理体系认证，ISO14001国际环境管理体系认证要求进行生产和管理。公司全面实行ERP企业管理系统，实现计划、销售、生产、物流、仓储一体化的计算机网络化管理，公司严把质量关，在供应环节，对原材料供应商进行严格的质量要求，所选用铝材全是由行业内规模大、质量好、信誉高的铝材生产企业。在生产质检环节，公司实行对每一件产品的每一个细节都进行严格的自检，互检，抽检的流程，并在出厂前对每一套推拉、吊趟门进行试装，力求为消费者提供优质、完美的产品。	</p>			</div>
			<div class="img_box">
				<img src="images/ab_02.png">
			</div>
		</div>
	</div>
	<div class="mid main">
		<div class="cro_left_top"></div>
		<div class="cro_right_top"></div>
		<div class="cro_left_bottom"></div>
		<div class="cro_right_bottom"></div>
		
		<div class="scale">
			<div>
				<strong>30000m<i>2</i> </strong>
				<p>生产基地</p>
			</div>
			<div>
				<strong>10<i>+</i></strong>
				<p>年研发经验</p>
			</div>
			<div>
				<strong>600<i>+</i></strong>
				<p>销售服务网点</p>
			</div>
			<div>
				<strong>1000<i>+</i></strong>
				<p>专业团队</p>
			</div>
		</div>
	</div>
	<div class="root">
		<div class="main">
			<div class="img_box">
				<img src="images/ab_01.png">
			</div>
			<div class="text_box">
				<p>大国门业公司历来以创新驱动发展，在产品方面，每年都力推相当数量的新品，近年来，更是在家居智能化引领行业的发展，公司以钛镁铝合金门为载体，融入智能化，带给消费才全新的便捷式生活。在技术方面，大国门业公司自行研发的终端展示系统，完美的DIY体验效果，让您在选门窗时可以身临其境。公司产品具有设计科学、静音隔热、款式新颖、绿色环保等优点，连续多年荣获“国家权威检测·质量合格产品”“中国著名品牌”“广东省优秀铝门十大品牌”“全国消费者放心满意品牌”、“中国智能家居行业30强”这些荣誉称号都是业界对大国门业公司的褒奖和肯定。</p>
				<p>大国门业公司在行业倡导“细心、耐心、热心、贴心、真心”的五心服务，力求为合作伙伴及消费者提供优质的服务。环境优美，生活设施齐全，并设立了大国门业慈善基金会，可以惠及每一位员工的直系家属，让每一位员工能够在公司安居乐业，才能够保证产品和服务品质稳定可靠。</p>			</div>
		</div>
	</div>
</div>



<!-- 品牌 -->
<div class="brand" id="brand">
	<div class="tit02">
		<h2>企业品牌</h2>
		<p>ABOUY US</p>
	</div>
	<p> “开启大国门，都是幸福人”，这句品牌广告语向消费者传递了大国门为其缔造幸福珍贵元素，幸福是亘古不变的永恒话题，也是人们一直追求的，所以大国门将此定自己的服务使命。 2014年，大国门根据品牌定位及市场调研，全面整合提升了品牌，并统一了品牌的VI视觉系统，将品牌系统标准化，并不断地丰富大国门的品牌内涵，利于企业的市场推广及各级经销商的推广。</p>
	
	<div class="bbrand">
		<div class="bd">
			<ul class="clearfix">
				
				<li><a href="###"><div class="img_box"><img src="images/brand01.jpg" alt=""></div></a></li>
				<li><a href="###"><div class="img_box"><img src="images/brand02.jpg" alt=""></div></a></li>
				<li><a href="###"><div class="img_box"><img src="images/brand03.jpg" alt=""></div></a></li>
				<li><a href="###"><div class="img_box"><img src="images/brand01.jpg" alt=""></div></a></li>
				<li><a href="###"><div class="img_box"><img src="images/brand02.jpg" alt=""></div></a></li>
				<li><a href="###"><div class="img_box"><img src="images/brand03.jpg" alt=""></div></a></li>
			</ul>
			
			<div class="brand_pages">
				<div class="brand_prev"></div>
				<div class="pageState"></div>
				<div class="brand_next"></div>
			</div>
		</div>
	</div>
	
	<div class="advan" style="background-image: url(images/ijion_bg.jpg);">
		<div class="main">
			<div class="adv_box">
				<div class="img_box"><img src="images/about01.jpg" alt=""></div>
				<div class="text">
					<h2>品牌文化</h2>
					<i>BRAND CULTURE</i>
					<div class="text_box">
						<p>大国门无论产品风格，还是自己的品牌理念，都是尽力将东西方元素融入进来，自企业成立之时，便一直致力于将这种融合传递给消费者。</p>
						<p><br></p>
						<p>当世界向西，我们起航向东！</p>
						<p>品读新东方，品读一种历久弥新的美学智慧；</p>
						<p>感悟新东方，感悟一种安宁祥和的生存哲学。</p>
						<p>国门——演绎新东方之美，开启幸福人居之门。</p>
					</div>
				</div>
			</div>
			<div class="adv_box">
				<div class="img_box"><img src="images/about02.jpg" alt=""></div>
				<div class="text">
					<h2>品牌文化</h2>
					<i>BRAND CULTURE</i>
					<div class="text_box">
						<p>坚持专注于一件事情，那就是用心制造好铝门窗。</p>
						<p>坚持从型材到配件，通过选材大师的层层把关与精密仪器的检测；</p>
						<p>坚持每一道工序都是能工巧匠的精雕细琢，悉心细节，着眼小处，</p>
						<p>坚持品质管理零缺陷，为追求高品质生活的顾客带来全新的幸福生活理念；</p>
						<p>坚持为每一位顾客提供终身售后服务，真正解除客户的后顾之忧；</p>
						<p>坚持以产品质量为基础，以产品品质替代服务，以产品性能赢得市场。</p>					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="history" id="history">
<div class="tit02">
	<h2>发展历程</h2>
	<p>history</p>
</div>

<div class="year_swiper main">
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<p>2020</p>
			</div>
			<div class="swiper-slide">
				<p>2019</p>
			</div>
			<div class="swiper-slide">
				<p>2018</p>
			</div>
			<div class="swiper-slide">
				<p>2017</p>
			</div>
			<div class="swiper-slide">
				<p>2016</p>
			</div>
			<div class="swiper-slide">
				<p>2015</p>
			</div>
		</div>
	</div>
</div>
<div class="bd_swiper">
<div class="swiper-container">
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			<a href="###">
				<div class="img_box">
					<img src="images/history_02.png" alt="">
				</div>
				<div class="text_box">
					<p>7月</p>
					<p>大国门窗丨2019企业宣传片震撼发布！</p>
					<p>大国商学院丨第四期《赢战终端》特训班圆满成功！</p>
					<p>快乐出发·满载而归丨记大国门业2019台山欢乐之旅！</p>
					<p>5月</p>
					<p>公司8周年庆典，特举办读书分享会 、拔河比赛等活动；</p>
					<p>108断桥平开窗、嘉爵系列、贵爵系列、鼎爵系列、候爵系列等多款新品华丽绽放！</p>
				</div>
			</a>
		</div>
		<div class="swiper-slide">
			<a href="###">
				<div class="img_box">
					<img src="images/history_02.png" alt="">
				</div>
				<div class="text_box">
					<p>7月</p>
					<p>大国门窗丨2019企业宣传片震撼发布！</p>
					<p>大国商学院丨第四期《赢战终端》特训班圆满成功！</p>
					<p>快乐出发·满载而归丨记大国门业2019台山欢乐之旅！</p>
					<p>5月</p>
					<p>公司8周年庆典，特举办读书分享会 、拔河比赛等活动；</p>
					<p>108断桥平开窗、嘉爵系列、贵爵系列、鼎爵系列、候爵系列等多款新品华丽绽放！</p>
				</div>
			</a>
		</div>
		<div class="swiper-slide">
			<a href="###">
				<div class="img_box">
					<img src="images/history_02.png" alt="">
				</div>
				<div class="text_box">
					<p>7月</p>
					<p>大国门窗丨2019企业宣传片震撼发布！</p>
					<p>大国商学院丨第四期《赢战终端》特训班圆满成功！</p>
					<p>快乐出发·满载而归丨记大国门业2019台山欢乐之旅！</p>
					<p>5月</p>
					<p>公司8周年庆典，特举办读书分享会 、拔河比赛等活动；</p>
					<p>108断桥平开窗、嘉爵系列、贵爵系列、鼎爵系列、候爵系列等多款新品华丽绽放！</p>
				</div>
			</a>
		</div>
		<div class="swiper-slide">
			<a href="###">
				<div class="img_box">
					<img src="images/history_02.png" alt="">
				</div>
				<div class="text_box">
					<p>7月</p>
					<p>大国门窗丨2019企业宣传片震撼发布！</p>
					<p>大国商学院丨第四期《赢战终端》特训班圆满成功！</p>
					<p>快乐出发·满载而归丨记大国门业2019台山欢乐之旅！</p>
					<p>5月</p>
					<p>公司8周年庆典，特举办读书分享会 、拔河比赛等活动；</p>
					<p>108断桥平开窗、嘉爵系列、贵爵系列、鼎爵系列、候爵系列等多款新品华丽绽放！</p>
				</div>
			</a>
		</div>
		<div class="swiper-slide">
			<a href="###">
				<div class="img_box">
					<img src="images/history_02.png" alt="">
				</div>
				<div class="text_box">
					<p>7月</p>
					<p>大国门窗丨2019企业宣传片震撼发布！</p>
					<p>大国商学院丨第四期《赢战终端》特训班圆满成功！</p>
					<p>快乐出发·满载而归丨记大国门业2019台山欢乐之旅！</p>
					<p>5月</p>
					<p>公司8周年庆典，特举办读书分享会 、拔河比赛等活动；</p>
					<p>108断桥平开窗、嘉爵系列、贵爵系列、鼎爵系列、候爵系列等多款新品华丽绽放！</p>
				</div>
			</a>
		</div>
		<div class="swiper-slide">
			<a href="###">
				<div class="img_box">
					<img src="images/history_02.png" alt="">
				</div>
				<div class="text_box">
					<p>7月</p>
					<p>大国门窗丨2019企业宣传片震撼发布！</p>
					<p>大国商学院丨第四期《赢战终端》特训班圆满成功！</p>
					<p>快乐出发·满载而归丨记大国门业2019台山欢乐之旅！</p>
					<p>5月</p>
					<p>公司8周年庆典，特举办读书分享会 、拔河比赛等活动；</p>
					<p>108断桥平开窗、嘉爵系列、贵爵系列、鼎爵系列、候爵系列等多款新品华丽绽放！</p>
				</div>
			</a>
		</div>
	</div>
</div>
</div>
	

</div>






<div class="honor main" id="honor">
	<div class="tit02">
		<h2>品牌荣誉</h2>
		<p>Brand honor</p>
	</div>
	<div class="phonor">
		<div class="bd">
			<ul>
				<li>
					<a href="images/honor01.jpg" data-fancybox='hon'>
						<div class="img_box"><img src="images/honor01.jpg" alt=""></div>
						<p>中国智能家居行业30强</p>
					</a>
				</li>
				<li>
					<a href="images/honor02.jpg" data-fancybox='hon'>
						<div class="img_box"><img src="images/honor02.jpg" alt=""></div>
						<p>中国铝合金门窗十大品牌</p>
					</a>
				</li>
				<li>
					<a href="images/honor03.jpg" data-fancybox='hon'>
						<div class="img_box"><img src="images/honor03.jpg" alt=""></div>
						<p>中国著名品牌</p>
					</a>
				</li>
				<li>
					<a href="images/honor01.jpg" data-fancybox='hon'>
						<div class="img_box"><img src="images/honor01.jpg" alt=""></div>
						<p>中国智能家居行业30强</p>
					</a>
				</li>
				<li>
					<a href="images/honor02.jpg" data-fancybox='hon'>
						<div class="img_box"><img src="images/honor02.jpg" alt=""></div>
						<p>中国铝合金门窗十大品牌</p>
					</a>
				</li>
				<li>
					<a href="images/honor03.jpg" data-fancybox='hon'>
						<div class="img_box"><img src="images/honor03.jpg" alt=""></div>
						<p>中国著名品牌</p>
					</a>
				</li>
			</ul>
			<div class="hon_prev">&lt;</div>
			<div class="hon_next">&gt;</div>
		</div>
	</div>
</div>






<div class="footer">
	<div class="main">
		<div class="fl">
			<div class="roof clearfix">
				<a href="###">品牌介绍</a>
				<a href="###">产品中心</a>
				<a href="###">招商加盟</a>
				<a href="###">新闻中心</a>
				<a href="###">VR体验</a>
				<a href="###">联系我们</a>
			</div>
		</div>
		<div class="fr"> 地址：佛山市南海区丹灶横江新农开发区 </div>
		
		<div class="copy clearfix">
			<div class="cl">版权所有：2020  佛山市大国门业有限公司  粤ICP备12033320号   技术支持：<a href="###">云路科技</a></div>
			<div class="cr">财富热线：18038798766  电话：0757-86436297</div>
		</div>
	</div>
</div>




<script src="js/index.js"></script>
<script>
	$(function(){
		$('.bbrand').slide({
			vis:'3',
			trigger:"click",
			mainCell:'.bd ul',
			effect:'leftLoop',
			prevCell:".brand_prev",
			nextCell:".brand_next",
			pageStateCell:'.pageState',
			startFun(i,c){
				console.log(i,c);
				i++;
				
				// setTimeout(function(){
					let $text=$('.pageState').text();
					console.log($text.slice(-1));
					$('.pageState span').text('0'+i);
				// })
			},
			// endFun(i,c){
			// 	// console.log(i,c);
			// 	i++;
			// 	// console.log($('.pageState span'));
			// 	$('.pageState span').text('0'+i);
			// }
		})
		
		
		
		var bd_swiper = new Swiper('.bd_swiper .swiper-container', {
			watchSlidesProgress: true,
			slidesPerView: 'auto',
			centeredSlides: true,
			loop: true,
			loopedSlides: 3,
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
			pagination: {
				el: '.swiper-pagination',
			},
		});
		
		var year_swiper = new Swiper('.year_swiper .swiper-container', {
			loop: true,
			slidesPerView : 6,
			slideToClickedSlide: true,
		});
		
		year_swiper.controller.control = bd_swiper;//Swiper1控制Swiper2，需要在Swiper2初始化后
		bd_swiper.controller.control = year_swiper;//Swiper2控制Swiper1，需要在Swiper1初始化后
		
		$('.phonor').slide({
			vis:'3',
			trigger:"click",
			mainCell:'.bd ul',
			effect:'leftLoop',
			prevCell:".hon_prev",
			nextCell:".hon_next",
		})
	})
</script>
</body>
</html>
